<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
		
		
		  ul li{
			list-style: none;
			display: inline-block;
			color: white;
			left: 300PX;
			position: relative;
			bottom: 120PX;
			font-size: 20PX;
			
		}
		header{
			margin-left:280px;
		    
			background: rgb(102, 102, 102);
			 border: 1PX solid black;
			 position: relative;
			 height: 150PX;
			 width: 1500PX;
			 padding-left: 100px;
	         bottom: 30PX; 
		}
		
		header ul li:hover{
			color: rgb(36, 5, 236);
		}
		
	li span:nth-of-type(1){
		    height: 50PX;
		    width: 50PX;
			border: 1px solid yellow;
			border-radius: 20px ;
		    color: #FFFF00;
			padding: 10PX;
			padding-right: 0PX;
			padding-left: 20PX;
			
		}
	 li	#span:nth-of-type(1){
			height: 50px;
			width: 50px;
			border: 1px solid yellow;
		background: yellow;
			padding-left: 30PX;
			border-radius: 20px ;
			color: #000000;
		}
	li span:hover{
		color: #FA8072;
	}
	li #span:hover{
		
		color: blue;
	}
	a{text-decoration: none;
	}
	
	a:link{
		color: white;
	}
		</style>
	</head>
	<body>
	<header>
		1231321
		<img src="./imgs/logo.png" >
		<ul>
			<li><a href="https://hao.360.com/?a1004">功能特权dwadw</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>
			<li>游戏特权&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsdwap;</li>
			<li>生活特权&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>
			<li>会员活动&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>
			<li>成长体系&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>
			<li>超级会员&nbsp;&ndwadwbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>
			<li><span>&nbsp;&nbsp; &nbsp;登录 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></li>
			<li><span id="span"> &nbsp;&nbsp;&nbsp; &nbsp;开通超级会员&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></li>
		
	</header>
	</body>
</html>
